 /* 按钮组件样式 */
.btn {
    @apply rounded-lg border border-transparent px-4 py-2 text-base font-medium 
           cursor-pointer transition-colors;
  }
  
  .btn-primary {
    @apply bg-primary text-white;
  }
  
  .btn-primary:hover {
    @apply bg-primary/90;
  }
  
  .btn-secondary {
    @apply bg-secondary text-white;
  }
  
  .btn-secondary:hover {
    @apply bg-secondary/90;
  }
  
  /* 卡片组件样式 */
  .card {
    @apply bg-white rounded-md p-4 shadow-sm transition-shadow;
  }
  
  .card:hover {
    @apply shadow-md;
  }
  
  /* 表格样式 */
  .table-header {
    @apply bg-[#EEF2FF] text-[#1F2937] font-semibold;
  }
  
  .table-row-hover:hover {
    @apply bg-[#F1F5F9];
  }
  
  /* 滚动条样式 */
  .scrollable::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  .scrollable::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    @apply bg-gray-400/50 rounded-[3px];
  }
  
  .scrollable::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-400/70;
  }
  
  .scrollable::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    @apply bg-black/5;
  }
  
  /* 页面过渡效果 */
  .page-transition-enter {
    @apply opacity-0 translate-y-[10px];
  }
  
  .page-transition-enter-active {
    @apply opacity-100 translate-y-0 transition-all duration-300;
  }
  
  .page-transition-exit {
    @apply opacity-100 translate-y-0;
  }
  
  .page-transition-exit-active {
    @apply opacity-0 translate-y-[10px] transition-all duration-300;
  }